/* pages/member/index.wxss */
.pageBox {
    min-height: 100vh;
    box-sizing: border-box;
    background-color: #f7f8fa;
    padding-bottom: 160rpx;
}
.placeholdeTop {
    height: 88rpx;
    position: relative;
    z-index: 2;
}
.placeTop {
    height: 100%;
    display: flex;
    align-items: center;
}
.fixedTop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 20;
    display: none;
}
.fixedTop .top_header {
    height: 88rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.fixedTop.show {
    display: block;
    animation: topFadeIn 0.2s;
}
.fixedTop.fadeOut {
    display: block;
    animation: topFadeOut 0.2s;
}
.fixedTop .top_header .flex_l {
    display: flex;
    align-items: center;
}
.fixedTop .top_header .flex_l.flexCenter {
    justify-content: center;
    width: 100%;
}
.fixedTop .top_header .flex_r {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.fixedTop .top_header .flex_r .ul {
    height: 88rpx;
    display: flex;
    align-items: center;
}
.fixedTop .top_header .flex_r .li {
    margin-left: 40rpx;
}
.fixedTop .top_header .li .icon {
    width: 44rpx;
    height: 44rpx;
    overflow: hidden;
    display: block;
}
.fixedTop .top_header .li .icon image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* transform: translateX(-100%) translateZ(0);*/
}
.fixedTop .top_header .flex_l .infoBox {
    display: flex;
    align-items: center;
    font-size: 36rpx;
}
.fixedTop .top_header .flex_l .infoBox .h4 {
    font-weight: bold;
    max-width: 250rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fixedTop .top_header .flex_l.flexCenter .infoBox .h4 {
    max-width: 200rpx;
}
.fixedTop .top_header .flex_l .infoBox .photo {
    width: 48rpx;
    height: 48rpx;
    border-radius: 50%;
    margin-right: 12rpx;
}
.fixedTop .top_header .flex_l .infoBox .photo image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.headerTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 88rpx;
    box-sizing: border-box;
    margin-bottom: 10rpx;
    /* position: fixed; */
    left: 0;
    right: 0;
    top: 0rpx;
    z-index: 1;
}
.headerTop .left_top,
.placeholdeTop .left_top {
    display: flex;
    align-items: center;
    font-size: 26rpx;
    color: #192233;
    font-weight:bold;
}
.headerTop.lightStyle .left_top,
.placeholdeTop.lightStyle .left_top {
    color: #ffffff;
}
.headerTop .left_top .s,
.placeholdeTop .left_top .s {
    display: flex;
    align-items: center;
    width: 40rpx;
    height: 40rpx;
    overflow: hidden;
}
.icon image,
.placeholdeTop .left_top .icon image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.memberInfo .right_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.memberInfo .right_top .ul {
    white-space: nowrap;
    flex-shrink: 0;
}
.memberInfo .right_top .li {
    text-align: center;
    color: #45474d;
}
.memberInfo .right_top .btns,
.headerTop .right_top .btns{
    display: flex; 
    align-items: center;
}
.memberInfo .right_top .li .icon,
.headerTop .right_top .li .icon {
    width: 44rpx;
    height: 44rpx;
    margin: auto;
}

.memberInfo .right_top .btns .li,
.headerTop .right_top .btns .li {
    float: left;
    margin-left: 40rpx;
    flex-shrink: 0;
}
.memberInfo .right_top .btns .li .p,
.headerTop .right_top .btns .li .p {
    margin-top: 5rpx;
    font-size: 20rpx;
    color: #45474d;
}
.memberInfo .right_top .btns .li.floatItem,
.headerTop .right_top .btns .li.floatItem {
    white-space: nowrap;
    float: none;
    display: inline-block;
}
.memberInfo .right_top .btns .li.floatItem .icon,
.headerTop .right_top .btns .li.floatItem .icon {
    display: inline-block;
    vertical-align: middle;
}
.memberInfo .right_top .btns .li.floatItem .p,
.headerTop .right_top .btns .li.floatItem .p {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    font-size: 24rpx;
}

/*  */
.memberBg {
    height: 530rpx;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.memberInfo {
    position: relative;
    z-index: 1;
}

.memberInfoCon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16rpx;
}
.memberInfoCon .mleftCon {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.memberInfoCon .mleftCon .photoCon {
    width: 128rpx;
    height: 128rpx;
    border-radius: 50%;
    float: left;
    margin-right: 25rpx;
}
.memberInfoCon .mleftCon .photoCon image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.memberInfoCon .mleftCon .textCon {
    float: left;
}
.memberInfoCon .mleftCon .textCon .h4 {
    font-size: 38rpx;
    font-weight: bold;
    max-width: 360rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.memberInfoCon .mleftCon .textCon .vipIcon {
    display: inline-flex;
    align-items: center;
    font-size: 20rpx;
    height: 36rpx;
    border-radius: 18rpx;
    padding-left: 4rpx;
    padding-right: 12rpx;
    color: #fff;
}
.memberInfoCon .mleftCon .textCon .vipIcon .s {
    display: inline-block;
    margin-right: 4rpx;
    display: inline-block;
    width: 28rpx;
    height: 28rpx;
    background: no-repeat center;
    background-size: 28rpx;
    vertical-align: middle;
}
.memberInfoCon .mleftCon .textCon .vipIcon .s image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.memberInfoCon .mrightCon .rbtn {
    min-width: 130rpx;
    box-sizing: border-box;
    padding: 0 20rpx;
    height: 60rpx;
    background: #ffffff;
    box-shadow: 0px 4rpx 20rpx 0px rgba(0, 6, 33, 0.06);
    border-radius: 30rpx;
    font-size: 26rpx;
    border-radius: 30rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.memberInfoCon .mrightCon .rbtn .s {
    display: block;
    width: 30rpx;
    height: 30rpx;
    margin-right: 8rpx;
}
.memberInfoCon .mrightCon .rbtn .s image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lightStyle .mleftCon .textCon .h4 {
    color: #fff;
}
.lightStyle.memberInfo .right_top .btns .li .p,
.headerTop .right_top .btns .li .p {
    color: #fff;
}
.lightStyle .headerTop .left_top,
.lightStyle .placeholdeTop .left_top {
    color: #fff;
}

/* 数字 */
.dataCount .ul {
    height: 126rpx;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    column-gap: 4rpx;
}
.dataCount .ul .li {
    box-sizing: border-box;
    padding: 0 10rpx;
    white-space: nowrap;
}
.dataCount .ul .li .s {
    display: block;
}
.dataCount .ul .p {
    font-size: 24rpx;
    color: #45474d;
}
.dataCount .ul .h4 {
    font-size: 34rpx;
    font-family: moneyNumber;
    margin-bottom: 6rpx;
}
.dataCount .ul .li.line {
    width: 1rpx;
    height: 72rpx;
    background-color: #efefef;
    padding: 0;
}

/* 样式1 */
.vipCardStyle1 {
    height: 100rpx;
    align-items: center;
    color: #edf2fa;
    font-weight: bold;
    padding-right: 180rpx;
    position: relative;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.vipCardStyle1 .p {
    font-weight: normal;
}
.vipCardBox .vipIconBox {
    min-width: 100rpx;
    box-sizing: border-box;
    padding: 0 24rpx;
    height: 100rpx;
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18rpx;
}
.vipCardBox .vipIconBox.hasLine::after {
    content: '';
    display: block;
    width: 1rpx;
    height: 28rpx;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.2);
}
/* .vipCardBox .vipIconBox .imgbox{overflow: hidden;} */

/* .vipCardBox.vipCardStyle2  .vipIconBox{display: flex; align-items: center; height: 100rpx;} */

.vipCardBox .vipIconBox image {
    max-width: 100%;
    max-height: 32rpx;
    object-fit: contain;
    object-position: left center;
    display: block;
}
/* .vipCardStyle1 .vipIconBox::after{content: ''; display: block; width: 1px; height: 20rpx; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(255,255,255,.2);} */
.vipCardBox .vipIconBox .span {
    flex-shrink: 0;
    font-size: 34rpx;
    font-style: italic;
    font-weight: bold;
}
.vipCardStyle1 .vipScrollBox {
    padding-left: 190rpx;
    line-height: 100rpx;
    height: 100rpx;
}
.vipCardStyle1 .vipScrollBox .p {
    font-size: 24rpx;
}
.vipCardStyle1 .vipScrollBox ~ .vipIconBox::after {
    content: '';
    display: block;
    width: 1rpx;
    height: 20rpx;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.2);
}
.vipCardStyle1 .vip_btn {
    height: 50rpx;
    color: #fff;
    font-size: 24rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26rpx;
    margin: auto;
    min-width: 152rpx;
    box-sizing: border-box;
    padding: 0 20rpx;
    overflow: hidden;
}
.vipCardStyle1 .vip_btn .s {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.vipCardStyle1 .vipScrollBox .bitem {
    height: 50rpx;
}
.vipCardStyle1 .vipScrollBox .bitem .p {
    height: 50rpx;
    line-height: 50rpx;
}
.vipCardStyle1 .vipScrollBox .swiperBox {
    height: 100%;
    display: flex;
    align-items: center;
}
.vipCardStyle1 .vipScrollBox .swiperBox swiper {
    height: 50rpx;
    width: 100%;
}
.columnBox {
    display: flex;
    flex-direction: column;
    height: 100rpx;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
}

.btnsGroupBox .li {
    float: left;
}
.btnsGroupBox .li .icon {
    width: 90rpx;
    height: 90rpx;
    margin: auto;
}
.btnsGroupBox .li .icon image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btnsGroupBox .li .p {
    text-align: center;
    color: #192233;
    font-size: 24rpx;
    margin-top: 6rpx;
}

.otherContainer .partBox {
    position: relative;
}
/* .otherContainer .partBox:hover::before{content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; border: dashed 4rpx #6CCFFF; z-index: 2;} */
.otherContainer .partBox.currEditPart::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border: solid 4rpx #6ccfff;
    z-index: 2;
}
.otherContainer .orderInfoBorderBox {
    position: relative;
}
.otherContainer .orderInfoBorderBox .del_btn {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    cursor: pointer;
}
.otherContainer .orderInfoBorderBox:hover .del_btn {
    display: block;
}
.otherContainer .orderInfoBox {
    background-color: #fff;
    padding-top: 26rpx;
    padding-bottom: 26rpx;
}
.otherContainer .orderInfoBox.listInfoBox {
    padding-top: 8rpx;
    padding-bottom: 8rpx;
}
.otherContainer .orderInfoBox .iconsInfoBox {
    min-height: 80rpx;
}
.otherContainer .orderInfoBox .orderHeader {
    display: flex;
    align-items: center;
    padding: 0 24rpx;
    justify-content: space-between;
    margin-bottom: 32rpx;
}
.otherContainer .orderInfoBox .orderHeader .h4 {
    font-size: 34rpx;
    font-weight: bold;
}
.otherContainer .orderInfoBox .orderHeader .more {
    font-size: 24rpx;
    color: #a1a7b3;
    display: flex;
    align-items: center;
}
.otherContainer .orderInfoBox .orderHeader .more .s {
    width: 20rpx; height: 20rpx; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 8rpx; margin-right: -12rpx;
}
.otherContainer .orderInfoBox .orderHeader .more .s .em {
    content: '';
    display: block;
    width: 20rpx;
    height: 20rpx;
}
.otherContainer .orderInfoBox .ul {
    padding: 0 36rpx;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20rpx;
}
.otherContainer .orderInfoBox .ul.gridbox5 {
    padding: 0 16rpx;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.otherContainer .orderInfoBox .ul.gridbox3 {
    padding: 0 16rpx;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.otherContainer .orderInfoBox .ul.gridbox2 {
    grid-template-columns: repeat(2, 1fr);
}
.otherContainer .orderInfoBox .ul .li .icon {
    width: 80rpx;
    height: 80rpx;
    margin: auto;
    position: relative;
}
.otherContainer .orderInfoBox .ul .li .icon image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.otherContainer .orderInfoBox .ul .li .p {
    text-align: center;
    color: #192233;
    font-size: 24rpx;
    margin-top: 4rpx;
}
.otherContainer .orderInfoBox .ul .li .tipNum {
    display: block;
    min-width: 36rpx;
    height: 36rpx;
    border-radius: 20rpx;
    box-sizing: border-box;
    border: solid 4rpx #fff;
    position: absolute;
    left: 40rpx;
    top: 0;
    color: #fff;
    padding: 0 8rpx;
    line-height: 30rpx;
    font-size: 20rpx;
    text-align: center;
    white-space: nowrap;
}
.otherContainer .orderInfoBox .qiandao {
    margin: 22rpx 28rpx 0;
    height: 80rpx;
    border-radius: 40rpx;
    padding: 0 24rpx;
    display: flex;
    align-items: center;
    position: relative;
}
.otherContainer .orderInfoBox.listInfoBox .qiandao {
    margin-bottom: 18rpx;
}
.otherContainer .orderInfoBox .qiandao .s {
    display: flex;
    width: 56rpx;
    height: 100%;
    margin-right: 12rpx;
    align-items: center;
    justify-content: center;
}
.otherContainer .orderInfoBox .qiandao .s image {
    display: block;
    width: 100%;
    height: 56rpx;
    object-fit: cover;
}
.otherContainer .orderInfoBox .qiandao .span.qtext {
    font-size: 24rpx;
    font-weight: bold;
}
.otherContainer .orderInfoBox .qiandao .qbtn {
    font-size: 22rpx;
    padding: 0 18rpx;
    height: 48rpx;
    border-radius: 24rpx;
    border: solid 1px #ffdba1;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 18rpx;
    top: 0;
    bottom: 0;
    bottom: 0;
    margin: auto;
    line-height: 48rpx;
}
.otherContainer .orderInfoBox .ul.list {
    display: block;
    padding: 0 26rpx;
}
.otherContainer .orderInfoBox .ul.list .li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: relative;
}
.otherContainer .orderInfoBox .ul.list .flex_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
}
.otherContainer .orderInfoBox .ul.list .li .icon {
    width: 48rpx;
    height: 48rpx;
    margin-right: 12rpx;
    flex-shrink: 0;
}
.otherContainer .orderInfoBox .ul.list .li .icon image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.otherContainer .orderInfoBox .ul.list .li .flex_l,
.otherContainer .orderInfoBox .ul.list .li .flex_r {
    display: flex;
    align-items: center;
}
.otherContainer .orderInfoBox .ul.list .li .flex_l {
    font-size: 28rpx;
    max-width: 60%;
}
.otherContainer .orderInfoBox .ul.list .li .text {
    font-size: 28rpx;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.otherContainer .orderInfoBox .ul.list .li .flex_r {
    font-size: 22rpx;
    max-width: 40%;
}
.otherContainer .orderInfoBox .ul.list .li .flex_r .span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.otherContainer .orderInfoBox .ul.list .li .flex_r .s {
    width: 24rpx;
    height: 24rpx;
    overflow: hidden;
    margin-left: 4rpx;
    margin-bottom: 4rpx;
    display: inline-block;
    vertical-align: middle;
}
.otherContainer .orderInfoBox .ul.list .li .flex_r .s .em {
    display: block;
    width: 24rpx;
    height: 24rpx;
}
.otherContainer .orderInfoBox .ul.list .li .line {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f5f5f7;
    bottom: 0;
}
.financeInfo_ul {
    column-gap: 12rpx;
}
.financeInfo_ul .li .numberShow {
    font-family: moneyNumber;
    font-size: 22rpx;
    text-align: center;
}
.financeInfo_ul .li .numberShow .span {
    white-space: nowrap;
}
.financeInfo_ul .li .numberShow .b {
    font-size: 34rpx;
    font-weight: 400;
}
.financeInfo_ul .li .p {
    font-size: 24rpx;
    text-align: center;
}

.otherContainer .orderInfoBox.advInfoBox {
    background: none;
    padding: 0;
}
.advInfoBox .advList.advList2 {
    column-gap: 18rpx;
}
.advInfoBox .advList {
    display: grid;
    column-gap: 8rpx;
    row-gap: 20rpx;
    height: 100% !important;
}
.advInfoBox .advList .adv {
    background-color: #fff;
}
.advInfoBox .advList .adv .a {
    height: 100%;
    width: 100%;
    display: block;
}
.adv image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wechatInfoBox {
    display: flex;
    align-items: center;
    height: 110rpx;
    box-sizing: border-box;
    padding: 0 24rpx;
    justify-content: space-between;
}
.wechatInfoBox .flex_l {
    display: flex;
    align-items: center;
}
.wechatInfoBox .flex_l .icon {
    width: 76rpx;
    height: 76rpx;
    background: #f7f7f7;
    border-radius: 10rpx;
    margin-right: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.otherContainer .orderInfoBox.iconsInfoBox .ul {
    row-gap: 26rpx;
    padding-bottom: 12rpx;
}
.otherContainer .orderInfoBox.iconsInfoBox .ul .li .icon {
    width: 64rpx;
    height: 64rpx;
    margin-bottom: 6rpx;
    border-radius: 10rpx;
    overflow: hidden;
}
.wechatInfoBox .flex_l .icon image {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.wechatInfoBox .flex_l .h4 {
    font-size: 26rpx;
    color: #070f21;
    font-weight: bold;
}
.wechatInfoBox .flex_l .p {
    color: #a1a7b3;
    font-size: 22rpx;
}
.wechatInfoBox .flex_r .span {
    display: flex;
    width: 96rpx;
    height: 48rpx;
    background: #ffffff;
    border: 1rpx solid #0ecf4e;
    border-radius: 8rpx;
    align-items: center;
    justify-content: center;
    color: #0ecf4e;
    font-size: 24rpx;
}
.customWechat .wechatInfoBox .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.customWechat .wechatInfoBox {
    padding: 0;
}

/* 分隔标题 */
.titleBox .showMore {
    margin-left: 72rpxc;
}

.titleInfoBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 20rpx;
    box-sizing: border-box;
}
.titleInfoBox .titleInfo {
    position: relative;
    display: flex;
    align-items: center;
}
.titleInfoBox .titleInfo.alignCenter {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    justify-content: center;
}
.titleInfoBox .titleInfo .h4 {
    position: relative;
    z-index: 1;
}
.titleInfoBox .titleInfo .h4 .span {
    position: relative;
    z-index: 1;
}
.titleInfoBox .titleInfo .icon {
    object-fit: contain;
    object-position: left center;
    display: block;
    margin-right: 12rpx;
}
.titleInfoBox .titleInfo .icon image {
    max-width: 100%;
    max-height: 32rpx;
    object-fit: cover;
    display: block;
}
.titleInfoBox .titleInfo .tit_line {
    position: absolute;
    left: 0;
    right: 0;
    height: 10rpx;
    bottom: 4rpx;
}
.titleInfoBox .moreInfo {
    font-size: 24rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.titleInfoBox .moreInfo .s {
    width: 24rpx;
    height: 24rpx;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4rpx;
}
.titleInfoBox .moreInfo .s .em {
    content: '';
    display: block;
    width: 24rpx;
    height: 24rpx;
}

/* 样式2 */
.vipCardStyle2 {
    height: 126rpx;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    clip-path: ellipse(120% 100% at 50% 0);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-right: 224rpx;
    padding-left: 40rpx;
    padding-top: 12rpx;
    box-sizing: border-box;
    position: relative;
    background-size: 100% auto;
    background-position: top center;
}
.vipCardStyle2 .vipIconBox {
    float: none;
    justify-content: center;
    height: auto;
    padding-left: 0;
}
/* .vipCardStyle2 .vipIconBox{float: none; justify-content: flex-start;} */

.vipCardStyle2 .vipScrollBox {
    width: 100%;
    line-height: 40rpx;
    height: 40rpx;
}
.vipCardStyle2 .vipScrollBox .swiperBox {
    height: 100%;
    font-size: 22rpx;
}
.vipCardStyle2 .vipScrollBox .swiperBox swiper {
    height: 100%;
}
.vipCardStyle2 .vip_btn {
    height: 58rpx;
    color: #fff;
    font-size: 24rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 30rpx;
    right: 26rpx;
    margin: auto;
    min-width: 152rpx;
    box-sizing: border-box;
    padding: 0 20rpx;
    overflow: hidden;
    font-weight: bold;
}
.vipCardStyle2 .vip_btn.radius_btn .s {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* 样式3 */
.vipCardStyle3 .vipCardStyle1 {
    margin: 0 !important;
    height: 120rpx;
}
.vipCardStyle3 .vipCardBox .vipIconBox {
    height: 120rpx;
}
.vipCardStyle3 .vipCardStyle1 .vipScrollBox {
    line-height: 120rpx;
    height: 120rpx;
}
.vipCardStyle3 .vipCardStyle1 .p {
    font-weight: normal;
}
.vipCardStyle3 {
    background: linear-gradient(90deg, #2b2d40 0%, #262738 100%);
}
.vipCardStyle3 .financeInfo {
    padding: 0 28rpx;
}
.vipCardStyle3 .financeInfo .ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24rpx;
    color: #fff;
    height: 88rpx;
}
.vipCardStyle3 .financeInfo .ul {
    text-align: center;
}
.vipCardStyle3 .financeInfo .li {
    white-space: nowrap;
}
.vipCardStyle3 .financeInfo .ul .b {
    font-size: 30rpx;
    color: #f0debd;
    font-family: moneyNumber;
    margin-left: 8rpx;
}

.vipCardBox .vip_btn.arrow_btn {
    background: none !important;
    padding: 0;
}
.vipCardBox .vip_btn.arrow_btn .s {
    background: none !important;
    width: 36rpx;
    height: 36rpx;
    overflow: hidden;
    position: static !important;
    margin-left: 10rpx;
}
/* .vipCardBox .vip_btn.arrow_btn .s .em{ width: .36rem; display: block; height: .36rem; background: url("../../../static/siteMemberPage/arr_icon.png") no-repeat center/cover; transform: translateX(-100%); filter: drop-shadow(.36rem 0 0 #fff); }  */
.lBox {
    line-height: 32rpx;
    border-radius: 18rpx;
    display: inline-block;
    padding-right: 10rpx;
    position: relative;
    overflow: hidden;
    z-index: 2;
    vertical-align: middle;
    margin-top: 14rpx;
}
.lBox:before {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
}
.lBox:after {
    content: '';
    display: block;
    width: 100%;
    height: 50rpx;
    position: absolute;
    right: 0;
    top: -16rpx;
    z-index: -1;
    transform: rotate(-35deg);
    transform-origin: right center;
}
.lBox .a {
    display: block;
}
.lBox .i {
    display: inline-block;
    width: 32rpx;
    height: 32rpx;
    background: no-repeat center;
    background-size: 36rpx;
    vertical-align: middle;
    margin-bottom: 2rpx;
}
.lBox .i image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lBox .span {
    vertical-align: middle;
    font-size: 20rpx;
    color: #fff;
}
/* 等级0 */
.lBox.level_0 .span {
    color: #fff;
    position: relative;
    z-index: 2;
}
.lBox.level_0:before {
    background: #6a7ab5;
}
.memberInfoCon .mleftCon .textCon .vipIcon.lBox.level_0 {
    padding-left: 12rpx;
}
/* 等级1 */
.lBox.level_1 .span {
    color: #4581b1;
}
.lBox.level_1:before {
    background: rgba(171, 214, 255, 0.77);
}
.lBox.level_1:after {
    background: rgba(65, 154, 237, 0.15);
}
/* 等级2 */
.lBox.level_2 .span {
    color: #ab7d27;
}
.lBox.level_2:before {
    background: #ffe291;
    opacity: 0.77;
}
.lBox.level_2:after {
    background: #b88400;
    opacity: 0.15;
}
/* 等级3 */
.lBox.level_3:before {
    background: #4f493d;
    opacity: 0.77;
}
.lBox.level_3:after {
    background: #000;
    opacity: 0.15;
}
/* 等级4 */
.lBox.level_4:before {
    background: #414a54;
    opacity: 0.77;
}
.lBox.level_4:after {
    background: #000;
    opacity: 0.15;
}
/* 等级5 */
.lBox.level_5:before {
    background: #171615;
    opacity: 0.77;
}
.lBox.level_5:after {
    background: #000;
    opacity: 0.15;
}
.nolevel.lBox.level_5 {
    padding: 0 8rpx;
    padding-right: 14rpx;
}

/* 公众号 */
.wx_mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 98;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.wx_mask.show {
    display: block;
}
.wxPopBox.show {
    transform: translateY(0);
	z-index: 999;
}
.wxPopBox {
    height: 630rpx;
    background: #ffffff;
    border-radius: 40rpx 40rpx 0px 0px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    transform: translateY(100%);
    transition: transform 0.3s;
	z-index: -1;
}
.wxPopBox .h4 {
    font-size: 36rpx;
    color: #000;
    font-weight: bold;
    text-align: center;
    height: 110rpx;
    line-height: 110rpx;
}
.wxPopBox .wxQRImg {
    width: 360rpx;
    height: 360rpx;
    box-sizing: border-box;
    padding: 20rpx;
    border-radius: 20rpx;
    border: 1rpx solid #e4e4e4;
    margin: 0 auto 30rpx;
}
.wxPopBox .wxQRImg image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wxPopBox .con .h5 {
    font-size: 30rpx;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.wxPopBox .con .p {
    font-size: 24rpx;
    color: #999;
    text-align: center;
    margin-top: 10rpx;
}

.advInfoBox .wx-swiper-dot {
    width: 8rpx;
    height: 8rpx;
    margin-left: -6rpx;
    border-radius: 4rpx;
    transition: width 0.2s;
}
.advInfoBox .wx-swiper-dots .wx-swiper-dot.wx-swiper-dot-active {
    width: 16rpx;
}

.memberInfo4 .memberInfoCon .mleftCon .textCon .dataCount {
    display: flex;
    align-items: center;
    margin-top: 12rpx;
}
.memberInfo4 .memberInfoCon .mleftCon .textCon .dataCount .li {
    font-size: 22rpx;
    color: #5c5f66;
    margin-right: 24rpx;
}
.memberInfo4 .memberInfoCon .mleftCon .textCon .dataCount .li .span {
    font-family: moneyNumber;
    color: #070f21;
    font-size: 24rpx;
}
.memberInfo4 .memberInfoCon .mleftCon .textCon .dataCount .li:last-of-type {
    margin-right: 0;
}
.lightStyle.memberInfo4 .memberInfoCon .mleftCon .textCon .dataCount .li,
.lightStyle.memberInfo4 .memberInfoCon .mleftCon .textCon .dataCount .li .span {
    color: #fff;
}

/* .memberInfo3{padding-top: 20rpx;} */
.memberInfo3 .dataCountBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8rpx;
    padding-left: 20rpx;
}
.memberInfo3 .dataCount {
    display: flex;
    align-items: center;
    padding-top: 10rpx;
}
.memberInfo3 .dataCount .li {
    color: #5c5f66;
    font-size: 24rpx;
    margin-right: 36rpx;
}
.memberInfo3 .dataCount .li .span {
    color: #070f21;
    font-size: 26rpx;
    font-family: moneyNumber;
}
.lightStyle.memberInfo3 .dataCount .li .span,
.lightStyle.memberInfo3 .dataCount .li {
    color: #fff;
}
.memberInfo3 .dataCountBox .mrightCon .rbtn .s {
    width: 44rpx;
    height: 44rpx;
    display: block;
    margin-right: 8rpx;
}
.memberInfo3 .dataCountBox .mrightCon .rbtn .s image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.memberInfo3 .dataCountBox .mrightCon .rbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64rpx;
    border-radius: 32rpx 0 0 32rpx;
    padding-left: 24rpx;
    padding-right: 30rpx;
    color: #192233;
    font-weight: bold;
    font-size: 26rpx;
}
.memberInfoCon .mleftCon .s.arr {
    display: block;
    width: 30rpx;
    height: 30rpx;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.memberInfoCon .mleftCon .s.arr .em {
    width: 30rpx;
    display: block;
    height: 30rpx;
}

/* 按钮组 */
.vipCarCon3 .btnsGroupBox {
    height: 168rpx;
    border-radius: 24rpx;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 24rpx;
}
.btnsGroupBox {
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 24rpx;
    padding-bottom: 24rpx;
}
.btnsGroupBox .ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.btnsGroupBox .li {
    float: left;
}
.btnsGroupBox .li .icon {
    width: 90rpx;
    height: 90rpx;
    margin: auto;
}
.btnsGroupBox .li .icon image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btnsGroupBox .li .p {
    text-align: center;
    color: #192233;
    font-size: 24rpx;
}
.vipCarCon2 .btnsGroupBox {
    padding-top: 40rpx;
    margin-top: -20rpx;
    background-color: #fff;
    padding-bottom: 24rpx;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.memberInfo4 .mrightCon .rbtn .s {
    width: 44rpx;
    height: 44rpx;
    display: block;
    margin-right: 8rpx;
}
.memberInfo4 .mrightCon .rbtn .s image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.memberInfo4 .mrightCon .rbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64rpx;
    border-radius: 32rpx 0 0 32rpx;
    padding-left: 24rpx;
    padding-right: 30rpx;
    color: #192233;
    font-weight: bold;
    font-size: 26rpx;
    width: auto;
    white-space: nowrap;
}

@font-face {
    font-family: 'moneyNumber';
    src: url('data:font/woff2;charset=utf-8;base64,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')
            format('woff2'),
        url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAusAA0AAAAAE2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALkAAAABwAAAAcjW0IIEdERUYAAAtwAAAAHgAAAB4AKQAWT1MvMgAAAagAAABgAAAAYHzBRkRjbWFwAAACPAAAAF8AAAFa4zx8WWdhc3AAAAtoAAAACAAAAAj//wADZ2x5ZgAAAsAAAAPVAAAEUBFZKRpoZWFkAAABMAAAADYAAAA2HSaR6mhoZWEAAAFoAAAAHgAAACQNfwWQaG10eAAAAggAAAA0AAAAQER9Bv1sb2NhAAACnAAAACIAAAAiB2oGam1heHAAAAGIAAAAHgAAACAAVQA2bmFtZQAABpgAAASNAAALELDQ6ORwb3N0AAALKAAAAD4AAABNcTJthAABAAAAAWZmgQdLUV8PPPUACwgAAAAAANnhr/EAAAAA3ecxJgBM/z8F8gYxAAAACAACAAAAAAAAeNpjYGRgYDf+p8wQwR7DAASsnxgYGVCBAABOhAMgAAB42mNgZGBgEGAwZmBmAAEmIGZkAIk5gPkMAAkpAIwAAAAEBOMCWAAFAAAFMwTNAAAAmgWaBTMAAAPXAGYCAAEFAgsHAwMDAgICBLAAAq8QAAAAAAAAMAAAAABDT1JFAAAALv/lBzP+IwBYCM0CUEAIAJ/f1wAAAhsC8gAAACAAAXjaY3JlAAOmVUAcxrCIZR1DPhDfBeJqKNsHiIuBOAOIa4E4CYjj2GMYlrALMMoCALtlDrh42mNgYGBmgGAZBkYGEAgB8hjBfBYGCyDNxcDBwASEegyWBkz/n/7/DxTTYzCAsP9f/X/lAg+DFlQvFDCyMcAFGJmABBMDKmBE4wOtZGFlY+fg5OLm4WUYFgAAv64O6wAAAAAAAAAAAAAOADoAUgCEALoA2AEIATwBUAGeAdAB+gIoAAB42i2TX0xTVxzHz+/c23YQtnGhpegAe9vZLkyy2NsLYwNBMFgU2Oa6qqNDwsxCUMGAEpyW/pvitNA2JMuChigxZtnDsmxJF5GnYbZki3uYEIYyHqYznfFBkRgkvaf7nWruw70nOed8P9/v73sJkKnMKiSBEIEQkGQJkuwhELYKeYSSvsyiWKvfSl4lZkIKJVdVpcVcZJKMBr3FYS+U8i0bIN/SFwnDjXAkEmY14chjeMiM8JSWsEQ8nmDaPS0RiyWoxkrYJHTBPehEGfJ3ZlWs1htJLiE6WZUlnbpZkWSxOn0FVPY7eOZByVsUd51JXVi/xvefxP0qcpTgAsUNIJtkFSpVl8Nusxr0peBQXURxElF1lLcxK/Wnm+jh9vpthw/V1a0CvXMLckXv0T379mr3F6bpbM+JU007GhuDbxVsugmvsEeEa3CvdchkwYXV4ADkMkER2kVBm9Vhr4Uqk7HImRWlHqVmEI5p14XP2Pc/9fQEA6kHgeCTs0tnGxuEvOLT8Mv8b6xbHPbfvhsbGx27KxYWjk9MjH/V1opSmGsL+ulCLUpeRjUM3WSTbBJaws8WOAkXvn2snaY+yKdGGtBCi+wa7JwXxTTnHEDOHXi2DCfCiRREyscU8LxJlioVZ4H0gnjgyfDQ4PD60YZHwjvatHf015Vg4L9/Q2FYLMwZn/rmItT6hO0LrM/HUoytxcbOneds3Xj/+3i/lFVwVYEMeCnPgfBLRZ5ANnWT0dztgsuQwxbMb9wZjbIHy0vRKART0eix4zvdbrh5vFc4qE3mxmN/zrF/4om2ycgXX7e2hSLvcR9+zEBBHT2q8Kht4BeSjDJ4qqtdmF6f0DXzrATShTwtOPuNxE6c2BcrUV2VVXaHHV/PufSG7JiIYNXzOKoqcUJCFjA7Ljvdt8TuD/fsdm5duzHrP3Wwrae+HmH74/H+AXdzs3vA93Z1f7K/3wGWueBfyhbvRx0/rHx+4sfOqxXKkd4Asgumq+tTH+xZ83xIe9+t+Xj/4NDe/UOYVQd6cGf/j9eyzcSsMHnyvIyvW3lERcijukS3i33CnoGjbNMyS0Hx8m3YyIKpuNudcrvF2sEj6Qna9RKU3ZqDMra8+2Io0tLa2hIJocaVTJ1QAUlsygZCNr8YbdZ7kQGNchHeAaGi48CXZw50zIycm/nuzS1hj2d7g9c/0u7ztY9EkslIY3m5p7HJ6+Vdh9LMmm5FX0CKefsMJl4cXj9ZdciqAnIO+lB0u9gMhSY2nebto+z6M/YpFIAXHzPrWKezhlCIbYOfQ4dKQ/QP7RLt1Jzkf/hgWL0AAAB42q1WTW8bRRh+7bhJnI8qqVR65AX14Eixk1SVBTEX13Y+lNShiVuphx42uxN7ld2d1Xo2xhcEt/4ExIEfwMcBiZ64IXHigDhxRYIT4sKVE8/MjhO3cUtU6tXOPjPzfj4z74yJ6N3cF5Sj7LdJZxbn6Ab9anGeZugfi6foRq5kcQHYsfga8OcWT9Ny7heLZ6iaf2DxLC3lv7S4SBtTb1s8Rx9M/WTxPN0qvGfxAvAnFi/mkpmPLb5Ot4rvWLxE88WR/WWaLp4iwlyhiJ4y0Wqco9v0rcV5aP9p8RTdzuUtLgDXLL4GrCyeBj/fWDxDQe53i2eJ808tLtJx/nuL5+ijqQcWz1OlMGvxAvCHFi/m/yh8ZvF1qsz+bfESvVV83+JlWig+oQZJimlICfnUpR5yYiqRSyv4HlHZzCck0NOoQqtA+5DyLL5D67RBVfSY6hTg4TFbfdMT+Ap8z9BqPWrIeJj43Z7ikrvCR+WGTAQ3ZGWV95WH9s76RrXC9SBgI9XnRPRFciY86P5MHfqRvoPhr+k3ekY3gZp4q3jvIcQALuivzqdf8Q9Pn93kJlf5ngwwdgjvXUoh4CAWOhTdNHCS/2HwtRUfGTb6YElSBOENcLKO5+4Yn/RIJH1fRrxRWV+/axih88XYxleBYB8L1cQiVS/8aSq3per5brNcvXqcDFt6sRy8Cj4cjAkKDVWnGJN0coUNUZmUL/t9dlgljidCJzlleXJpxaH3X6bpRR3ClMCjhXawgVNQWYYZYVAXozUz44Cn0Eg1gQVkdmA8I15L7CHz0bw0mmWMDSAbwYUQq7wzTKPykUijLtd4x+mFq9x0RHlHYnVqvOfrvoy65b2BE9ErC2q0uEzHkLgKn69dVHrD8PHwMtUvKSttWCHwTVrDMzBPBWFnwZ0YapQdCSGuVLy5tjYYDCou7J/ISAGEb85Omw6wbXdpC28DJGh8gFFGu2Uo0uMtjByh1TRto8JbeO6b0Q7GFnFW6vcxfKXo6+2saU8NdWxLSNM5iksXgO7HhtoQszobYQokWzKto3Vb9BAx1K1uMjYToyehkSJHZQpLb7WBLdfeS/xmfS3rYrlTU36ekZVoPTMfm7NraKKMzGxstkVmwbW2hGWYL+Wt5wODStDSG1KX+PG5p0lRRZcsX52jC+uesdQ937jKxK35yc7Aybln3i/HVRtjQGeS5aKMv9ishmPsZ7l6GBmYzKU51iZnmvHsPMepMOsqbZtlleHU7PHUaOpoz0w24tyOlgwg8eoVovZBZ3drt1Hv7B60+WCL93cbrfZRi+vbh63W/Va7w4tzi3OPZcqhM+S0LxgHe591lbDT51gkoa+U8HShq57g1sP9OmYT04kT6aWuYj/iAa6D3pguvn7kBqkHVSXZ8/txAAdO5EHLh4ALKYFS5JFvGQVDLvkrLMJjrXRhKhoJT4zIiHs+jk6cNSrxXYU7bcw71M9t1UwAJR9elAhjmTiJD6+eHESBdMadImYni1QkjHRx32mQqjhV7Ikz3xVapieC+IWE3twBNflWHb//6Pl/Avb2/xdLIT6gAAAAeNpjYGIAg38sDM4M2IAAEDMyMDEIMggziDCIMogxiDNIMEgySDFIM8gwMjEys8ZbGJias8QbmpgCAIDVBJMAAAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAA8AAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2eGv8QAAAADd5zEm')
            format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@keyframes topFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10rpx);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes topFadeOut {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-10rpx);
    }
}

.canvasbox {
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    left: -99999999px;
    top: -999999px;
}

.backIndex{width: 210rpx; height: 60rpx; background: rgba(0,0,0,.5); border-radius: 30rpx; font-size: 26rpx; color: #fff; position: fixed; bottom: 150rpx; left: 20rpx; display: flex; align-items: center; box-sizing: border-box; padding: 0 13rpx; z-index: 10; transition: all .3s; }
.toPreview.backIndex{text-align: center; justify-content: center;}
.backIndex .close_preview{width: 20rpx; height: 20rpx; margin-right: 5rpx; }
.backIndex .close_preview image{display: block; width: 100%; height: 100%; object-fit: cover;}
.hidePreviewBack.backIndex{opacity: 0; transform: translateY(10rpx);}
.lowerMemberInfo,.wxmini .memberInfo3{margin-top: -30rpx;}
.lowerMemberInfo .memberInfoCon .mrightCon,.memberInfo3  .memberInfoCon .mrightCon{align-self: flex-end;}
.lowerMemberInfo.memberInfoCon .mleftCon .s.arr{bottom: -18rpx;}